<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv=X-UA-Compatible content="IE=edge">
		<meta name=viewport content="width=device-width,initial-scale=1">
		
		<title>he - A robust HTML entity encoder/decoder written in JavaScript.</title>
		<!-- import CSS -->
		<link rel="stylesheet" href="./style/element-ui@2.15.13.css" />
		<!-- <link rel="stylesheet" href="https://unpkg.com/element-ui@2.15.13/lib/theme-chalk/index.css" /> -->

		<!-- 引入仿照 Vuetify 制作的 margin padding 类库 -->
		<link rel="stylesheet" href="./style/MarginPadding@0.2.0.css" />

		<style>
			html, body {
				height: 100%;
				margin: 0;
				padding: 0;
			}
	
			#app {
				width: 100%;
				height: 100%;
			}
		</style>
	</head>
	<body>
		<el-container id="app" style="width: 100%; height: 100%;">
			<router-view></router-view>
		</el-container>
	</body>
	<!-- import Vue before Element -->
	<script src="./script/vue@2.7.16.js"></script>
	<!-- 开发环境版本 -->
	<!-- <script src="https://unpkg.com/vue@2.7.16/dist/vue.js"></script> -->
	<!-- 生产环境版本 -->
	<!-- <script src="https://unpkg.com/vue@2.7.16/dist/vue.min.js"></script> -->	

	<!-- import Vue Router -->
	<script src="./script/vue-router@3.6.5.js"></script>
	<!-- <script src="https://unpkg.com/vue-router@3.6.5/dist/vue-router.js"></script> -->

	<!-- import JavaScript -->
	<script src="./script/element-ui@2.15.13.js"></script>
	<!-- <script src="https://unpkg.com/element-ui@2.15.13/lib/index.js"></script> -->

	<!-- 解决 chrome 报错 [Violation]Added non-passive event listener to a scroll-blocking 'mousewheel' event. Consider marking event handler as 'passive' to make the page more responsive -->
	<script src="./script/default-passive-events@2.0.0.js"></script>

	<script src="./script/clipboard@2.0.11.js"></script>	
	<script src="./script/he@1.2.0.js"></script>

	<!-- import my component-->
	<script src="./component/ho-js-version.js"></script>

	<!-- import view -->
	<script src="./view/root.js"></script>
	<script src="./view/TODO.js"></script>

	<script>		
		// window.ELEMENT 等于 import Element from 'element-ui' 其中的对象 Element
		// Vue.use(window.ELEMENT, { size: 'medium', zIndex: 2000 }); // 尺寸 string default (不设置) / medium / small / mini

		//#region 创建路由实例并配置路由规则
		const routerArr = [
				{ path: '/', component: view_root, IsIgnore: true }, // 根路由
				{ path: '/view/Screen', component: view_TODO, DisplayName: "屏幕" },
				{ path: '/view/Audio', component: view_TODO, DisplayName: "音频" },
		];

		const router = new VueRouter({ routes: routerArr });
		//#endregion

		var vueApp = new Vue({
			el: "#app",
			router, // 注入路由
			data: function () {
				return {

				};
			},
			methods: {
				
			},
		});
	</script>
	<style>		
	</style>
</html>
